<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width" />

    <title>CSS Painting API examples</title>

    <link rel="stylesheet" href="style.css" />
    <script src="script.js" defer></script>
  </head>

  <body>
    <ul>
      <li>
        <a href="half-highlight-fixed-size">Half highlight, fixed size</a>
      </li>
      <li>
        <a href="half-highlight-paintsize">Half highlight, variable size</a>
      </li>
      <li><a href="fancy-header-highlight">Fancy highlight</a></li>
      <li><a href="custom-properties">Using custom properties</a></li>
      <li><a href="hollow-highlight">Hollow highlight</a></li>
    </ul>
  </body>
</html>
